<template>
	<view>
		<view class="">
			<view class="m-h1" style="text-align: center;">
				订单结算
			</view>
			<view class="" @tap="toBack()">
				<image class="nav-margin-back-img" src="../../static/back.png" mode="widthFix"></image>
			</view>
		</view>	
	
	<view class="o-border m-margin-bottom" style="margin-top: 80rpx;">
		<view @click="toAddr()" class="content m-margin-bottom" style="padding: 20rpx;display: flex;justify-content: space-between;">
			<view class="" style="display: flex;">
				<view class="">
					<image style="width: 30rpx;height: 43rpx;padding-right: 20rpx;" src="../../static/location.png" mode="widthFix"></image>
				</view>
				<view class="">
					<view class="o-font-1">
						您还未设置收货地址
					</view>
					<view class="o-font-2">
						请完善详细地址
					</view>
				</view>
			</view>
			<view class="">
				<image style="width: 28rpx;height: 28rpx;padding-top: 20rpx;" src="../../static/next.png" mode=""></image>
			</view>
		</view>
	</view>
	
	<view class="o-border1 m-margin-bottom" style="padding-bottom: 20rpx;">
		<view class="content">
			
			<view class="">
				<view class="" style="display: flex;justify-content: space-between;margin-bottom: 20rpx;">
					<view class="o-list-font-1-1">
						蒸汽加压混泥土.板材
					</view>
					<view class="" style="">
						<text class="o-font">共4件</text>
					</view>
				</view>
				<view @tap="toProductList" class="" style="height: 128rpx;">
					<view v-for="item in order1" style="margin-bottom: 16rpx;">
						<view class="" style="display: flex;justify-content: space-between;">
								<view class="o-list-font-1-2">
									{{item.content}}
								</view>
								<view class="o-list-font-1-2">
									{{item.size}}m³
								</view>
						</view>
					</view>	
				</view>	
			</view>
			
		
		</view>
	</view>
	
	<view class="o-border1 m-margin-bottom" style="padding-bottom: 20rpx;">
		<view class="o-border2">
			<view class="content " style="display: flex;justify-content: space-between;padding: 20rpx 0;">
				<view class="o-font-1">
					期望交货日期
				</view>
				<view class="" style="display: flex;">
					<view class="o-font-3">
						3～5天
					</view>
					<view class="">
						<image style="width: 28rpx;height: 28rpx;padding-left: 20rpx;" src="../../static/next.png" mode="widthFix"></image>
					</view>
				</view>
			</view>
		</view>
		
		<view class="o-border2">
			<view class="content " style="display: flex;justify-content: space-between;padding: 20rpx 0;">
				<view class="o-font-1">
					交易方式
				</view>
				<view class="" style="display: flex;">
					<view class="o-font-3">
						在线支付
					</view>
					<view class="">
						<image style="width: 28rpx;height: 28rpx;padding-left: 20rpx;" src="../../static/next.png" mode="widthFix"></image>
					</view>
				</view>
			</view>
		</view>
		
		<view class="o-border2">
			<view class="content " style="display: flex;justify-content: space-between;padding: 20rpx 0;">
				<view class="o-font-1">
					发票信息
				</view>
				<view class="" style="display: flex;">
					<view class="o-font-3">
						企业专票
					</view>
					<view class="">
						<image style="width: 28rpx;height: 28rpx;padding-left: 20rpx;" src="../../static/next.png" mode="widthFix"></image>
					</view>
				</view>
			</view>
		</view>
		
		<view class="">
			<view class="content " style="display: flex;justify-content: space-between;padding: 20rpx 0;">
				<view class="o-font-1">
					优惠券
				</view>
				<view class="" style="display: flex;">
					<view class="o-font-3">
						选择或者填写
					</view>
					<view class="">
						<image style="width: 28rpx;height: 28rpx;padding-left: 20rpx;" src="../../static/next.png" mode="widthFix"></image>
					</view>
				</view>
			</view>
		</view>
	
		
	</view>
	
	<view class="o-border1 m-margin-bottom" style="padding-bottom: 20rpx;">
		<view class="content">
			<view class="o-font-1" style="margin-bottom: 10rpx;">
				订单备注
			</view>
			<textarea class="o-text o-font-6" value="" placeholder="选择或者填写" />
		</view>
	</view>
	
	<view class="o-border3 m-margin-bottom" style="padding-bottom: 20rpx;">
		
		<view class="">
			<view class="content " style="display: flex;justify-content: space-between;padding: 20rpx 0;">
				<view class="o-font-1">
					商品含税总额
				</view>
				<view class="" style="display: flex;">
					<view class="o-font-3">
						¥2000.00
					</view>
				</view>
			</view>
		</view>
		
		<view class="">
			<view class="content " style="display: flex;justify-content: space-between;padding: 20rpx 0;">
				<view class="o-font-4">
					预付款（70%）
				</view>
				<view class="" style="display: flex;">
					<view class="o-font-4">
						¥1400.00
					</view>
				</view>
			</view>
		</view>
		
		<view class="">
			<view class="content " style="display: flex;justify-content: space-between;padding: 20rpx 0;">
				<view class="o-font-1">
					税费
				</view>
				<view class="" style="display: flex;">
					<view class="o-font-3">
						¥260.00
					</view>
				</view>
			</view>
		</view>
		
		<view class="">
			<view class="content " style="display: flex;justify-content: space-between;padding: 20rpx 0;">
				<view class="o-font-1">
					优惠金额
				</view>
				<view class="" style="display: flex;">
					<view class="o-font-3">
						¥0.00
					</view>
				</view>
			</view>
		</view>
		
		<view class="">
			<view class="content " style="display: flex;justify-content: space-between;padding: 20rpx 0;">
				<view class="o-font-1">
					运费
				</view>
				<view class="" style="display: flex;">
					<view class="o-font-3">
						¥0.00
					</view>
				</view>
			</view>
		</view>
		
		<view class="">
			<view class="content " style="display: flex;justify-content: space-between;padding: 20rpx 0;">
				<view class="o-font-1">
					运费优惠
				</view>
				<view class="" style="display: flex;">
					<view class="o-font-3">
						¥0.00
					</view>
				</view>
			</view>
		</view>
	
	</view>
	
	<view class="content m-margin-bottom" style="display: flex; justify-content: space-between;">
		<view class="" style="padding-top: 20rpx;">
			<text class="o-font-1" style="padding-right: 10rpx;">数量：9 </text>
			<text class="o-font-1" style="padding-right: 10rpx;">总额(70%)：</text>
			<text class="o-font-4">¥1400.00</text>
		</view>
		<view class="">
			<button @click="toPay" type="default" class="o-but-1">
				<text class="o-font-5">确认提交</text>
			</button>
		</view>
	</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				order1:[
					{
						content:'1.板材 3000mm*6000mm*100mm',
						size: '600'
					},
					{
						content:'2.板材 3000mm*6000mm*100mm',
						size: '400'
					},
					{
						content:'3.板材 3000mm*6000mm*100mm',
						size: '700'
					}
				],
			}
		},
		methods: {
			toProductList:function(){
				uni.navigateTo({
					url:'../product-list/product-list'
				})
			},
			toPay:function(){
				uni.navigateTo({
					url:'../pay/pay'
				})
			},
			toBack:function(){
				console.log(1)
				uni.navigateBack({
					delta: 1 //返回上一级页面
				})
			},
			toAddr:function(){
				uni.navigateTo({
					url:'../addr/addr'
				})
			},
		}
	}
</script>

<style scoped lang="less">
@import url('../../style.less');
@import url('order-1.less');
</style>
